$(function () {
    $(".show-labelitem").on("click", function () {
        $(this).hide();
        $(".hide-labelitem").show();
        $("#labelItem").show();
    });
    $(".hide-labelitem").on("click", function () {
        $(this).hide();
        $(".show-labelitem").show();
        $("#labelItem").hide();
    });
    $(".label-item").on("click", "li", function () {
        let id = $(this).attr("data");
        let text = $(this).children("span").html();
        let labelHTML = "<li data='" + id + "''> " + text + "</li>";
        if ($(this).hasClass("selected")) {
            return false;
        } else if ($(".label-selected").children("li").length >= 5) {
            layer.msg("最多可以选择5个哦");
            return false;
        }
        $(".label-selected").append(labelHTML);
        val = '';
        for (let i = 0; i < $(".label-selected").children("li").length; i++) {
            val += $(".label-selected").children("li").eq(i).attr("data") + ',';
        }
        $("input[name='label']").val(val);
        $(this).addClass("selected");
    });
    let val = "";
    $(".label-selected").on("click", "li", function () {
        let id = $(this).attr("data");
        val = '';
        $(this).remove();
        for (let i = 0; i < $(".label-selected").children("li").length; i++) {
            val += $(".label-selected").children("li").eq(i).attr("data") + ',';
        }
        $("input[name='label']").val(val);
        $(".label-item").find("li[data='" + id + "']").removeClass("selected");
    });

});
let duty;
let requirement;
layui.use('layedit', function () {
    let layedit = layui.layedit;
    duty = layedit.build('duty', {
        height: 150,
        tool: ['strong', 'italic', 'underline', '|', 'left', 'center', 'right']
    }); //建立编辑器
    requirement = layedit.build('requirement', {
        height: 150,
        tool: ['strong', 'italic', 'underline', '|', 'left', 'center', 'right']
    }); //建立编辑器

    //编辑器外部操作
    let active = {
        send: function () {
            layer.confirm('请确认是否发布', {
                btn: ['确认', '取消']
                , yes: function (index) {
                    layer.close(index);
                    // 获取表单的值
                    // 获取当前页面的数据
                    let param = $("#create_form").serialize();
                    console.log(param);

                    let dutyContent = layedit.getContent(duty);
                    param = param + "&duty=" + dutyContent;

                    let requirementContent = layedit.getContent(requirement);
                    param = param + "&requirement=" + requirementContent;

                    let tags = $("input[name='label']").val();
                    param = param + "&tags=" + tags;

                    $.post('/hire/employer/recruitment/create', param, function (res) {
                        // console.log(res);
                        if (res.code == '200') {
                            window.location.href = "/hire/employer/view?id=" + res.data;
                        } else {
                            layer.msg(res.msg);
                            if (res.code == '500') {
                                layer.tips(res.msg, '#name');
                            } else if (res.code == '501') {
                                layer.tips(res.msg, '#salaryUpper');
                            } else if (res.code == '502') {
                                layer.tips(res.msg, '#contact_name');
                            } else if (res.code == '503') {
                                layer.tips(res.msg, '#contact_phone');
                            } else if (res.code == '504') {
                                layer.tips(res.msg, '#email');
                            }
                        }

                    });
                }
            });
        },
        cancel: function () {
            window.location.href = "/hire/employer/index";
        }
    };

    $('#send').on('click', function () {
        active["send"].call(this);
    });
    $("#cancel").on('click', function () {
        active["cancel"].call(this);
    })

});
// function send() {
//     layer.confirm('请确认是否发布', {
//         btn: ['确认', '取消']
//         , yes: function (index) {
//             layer.close(index);
//             // 获取表单的值
//             // 获取当前页面的数据
//             let param = $("#create_form").serialize();
//             // 获取薪资数据
//             let salary = "&salary=" + $("#salary1").val()+"-"+$("#salary2").val();
//             param += salary;
//
//             let dutyContent = layedit.getContent(duty);
//             param = param + "&duty=" + dutyContent;
//
//             console.log(param);
//             $.post('/hire/employer/recruitment/create',param,function (res) {
//                 console.log(res)
//                 if(res.code=='500'){
//                     layer.tips(res.msg, '#name');
//                 }else if(res.code=='501'){
//                     layer.tips(res.msg, '#salary2');
//                 }else if(res.code=='502'){
//                     layer.tips(res.msg, '#contact_name');
//                 }else if(res.code=='503'){
//                     layer.tips(res.msg, '#contact_phone');
//                 }else if(res.code=='504'){
//                     layer.tips(res.msg, '#email');
//                 }else if(res.code=='200'){
//                     console.log("执行了200代码")
//                     layer.msg("成功")
//                 }
//             })
//             // layer.msg('发布成功', {
//             //     icon: 6
//             // });
//         }
//     });
// }
// function cancel() {
//     window.location.href = "/hire/employer/index";
// }


//点击更换标签
// let limit = 0;
// $(".replacelable").on("click",function(){
//     layer.load(1);
//     limit += 32;
//     $.ajax({
//         url:window.location.href,
//         type:"post",
//         datatype:"json",
//         data:{
//             labellimit:limit
//         },
//         success:function(data){
//             layer.closeAll('loading');
//             $(".label-item").find("li").remove();//删除原先所有，本来想让数据表随机搜索的，想着有点mmp，就没搞，用的是limit
//             let html = '';
//             for(let i in data){
//                 html += "<li data=\""+data[i].term_id+"\">x<span>"+data[i].name+"</span></li>";//拼接标签
//             }
//             $(".label-item").append(html);//追加至文档
//         },
//         error:function(){
//             layer.closeAll('loading');
//             layer.msg("错误~~~");
//         }
//     })
// })
//获取标签
// $("#cell").on("click",function(){
//     if($("input[name='label']").val() == ""){
//         return false;
//     }else{
//         layer.msg("标签内容为："+$("input[name='label']").val());
//     }
// })